.arr {
	width:46px;
	height:46px;
	border:1px solid #b4daf4;
	border-radius:50%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	z-index:22;
	cursor:pointer;
	background:#fff;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.arr:after {
	content:'';
	width:10px;
	height:15px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%)
}
.arr:hover {
	border-color:#57ade3;
	background:#0b6abe;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.arr:hover:after {
	background-position:-10px 0
}
.arr-left {
	left:0;
	margin-left:-23px
}
.arr-left:after {
	background:url(../images/arr-left.png) no-repeat
}
.arr-right {
	right:0;
	margin-right:-23px
}
.arr-right:after {
	background:url(../images/arr-right.png) no-repeat
}